@font-face { font-family: Roboto, sans-serif; src: url('../fonts/roboto.regular.ttf'); }
/*@font-face { font-family: Roboto, sans-serif; src: url('../fonts/roboto.light.ttf'); }*/

footer { border: 0 none; font: inherit; margin: 0; padding: 0; font-size: 14px ; font-family: Roboto, sans-serif; }
.footer-main.webleads { display: block; background: #f8fafb; }
.main-footer-sec.webleads { padding: 0px 12% 50px 12%; }
.footer-links-sec-hdg { font-size: 1.2rem; color: #585757; font-family: Roboto, sans-serif;}
.footer-links-box ul, li { list-style-type: none; margin: 0; padding: 0; }
.footer-links-box ul li a { color: #909297; padding-top: 20px; display: block; font-size: 14px ; font-family: Roboto, sans-serif; line-height: 1.2;}
.main-footer-bottom { display: flex; justify-content: space-between; padding-top: 50px; }
.followus-sec span { display: inline-block; vertical-align: middle; }
.followus-sec img { display: inline-block; vertical-align: middle; }
.share-sec span { display: inline-block; vertical-align: middle; font-size: 14px ; font-family: Roboto, sans-serif;}
.share-sec img { display: inline-block; vertical-align: middle; }
.footer-top-follow-img { width: 20px; margin-left: 25px; }
.main-footer-top { display: flex; align-items: center; padding: 30px 0px; border-bottom: 1px solid #e4e7ea; }
.share-sec { display: inline-block; margin-right: 60px; }
.followus-sec { display: inline-block; }

@media (max-width:1399px) {
.main-footer-sec.webleads { padding: 0px 12% 50px 12%; }
}

@media (max-width:1200px) {
.main-footer-sec.webleads { padding: 0px 12% 50px 12%; }
.main-footer-bottom { display: block; width: 100%; float: left; }
.footer-links-box { display: block; width: 30%; float: left; }
}

@media (max-width:767px) {
.main-footer-bottom { padding-top: 35px; }
.main-footer-top { display: block; float: left; width: 100%; }
.share-sec { display: block; margin-right: 0px; width: 100%; margin-bottom: 30px; }
.footer-links-box { display: block; width: 100%; float: left; margin-bottom: 30px; }
}


@media only screen and (min-width: 801px) and (max-width: 1024px) {
    .main-footer-sec.webleads { padding: 0px 7.5% 50px 7.5% !important; }
}

@media only screen and (min-width: 1025px) and (max-width: 1152px) {
    .main-footer-sec.webleads { padding: 0px 7.5% 50px 7.5% !important; }
}

@media only screen and (min-width: 1153px) and (max-width: 1280px) {
    .main-footer-sec.webleads { padding: 0px 7.5% 50px 7.5% !important; }
}

@media only screen and (min-width: 1281px) and (max-width: 1360px) {
    .main-footer-sec.webleads { padding: 0px 7.5% 50px 7.5% !important; }
}

@media only screen and (min-width: 1361px) and (max-width: 1366px) {
    .main-footer-sec.webleads { padding: 0px 7.5% 50px 7.5% !important; }
}

@media only screen and (min-width: 1367px) and (max-width: 1440px) {
    .main-footer-sec.webleads { padding: 0px 7.5% 50px 7.5% !important; }
}

@media only screen and (min-width: 1441px) and (max-width: 1536px) {
    .main-footer-sec.webleads { padding: 0px 7.5% 50px 7.5% !important; }
}

@media only screen and (min-width: 1537px) and (max-width: 1600px) {
    .main-footer-sec.webleads { padding: 0px 7.5% 50px 7.5% !important; }
}

@media only screen and (min-width: 1601px) and (max-width: 1680px) {
    .main-footer-sec.webleads { padding: 0px 7.5% 50px 7.5% !important; }
}

@media only screen and (min-width: 1681px) and (max-width: 1780px) {
    .main-footer-sec.webleads { padding: 0px 7.5% 50px 7.5% !important; }
}

@media only screen and (min-width: 1781px) and (max-width: 1920px) {
    .main-footer-sec.webleads { padding: 0px 7.5% 50px 7.5% !important; }
}

@media only screen and (min-width: 1919px) and (max-width: 2560px) {
    .main-footer-sec.webleads { padding: 0px 7.5% 50px 7.5% !important; }
}



